 <template>
   <el-row >
     <el-col :span="20">
       <el-form ref="baseForm" :model="queryData"  :inline="true" :label-width="labelWidth||'80px'"  >
         <FormItem
           v-for="(itemCfg,index) in formItemCfg"
           :itemCfg="itemCfg"
           :key="index"
           :queryData="queryData"
           :widthRevision="widthRevision"
         />
       </el-form>
     </el-col>
     <el-col :span="4">
       <el-button type="primary" @click="submitSelect">查询</el-button>
       <el-button @click="submitReset">重置</el-button>
     </el-col>
   </el-row>

</template>

<script>
	import FormItem from './FormItem'

	export default {
		name:'BaseForm',
		components:{FormItem},
    props:[
      'formItemCfg','queryData','labelWidth','widthRevision','parentComponentId'
    ],
    data() {
      return {

      }
    },
    methods:{
      submitSelect(){
        this.$bus.$emit(this.parentComponentId+'dataList')
      },
      submitReset(){
        this.$refs['baseForm'].resetFields();
      }
    },
    mounted() {
    },
  }
</script>

<style scoped>

</style>
